<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>绝对定位的其他应用</title>
    <style type="text/css">
        #box1{
            border :red solid 2px;
            position: relative;
        }
        #box2{
            border :green solid 2px;
            font-family: "宋体";
            color: deeppink;
            position: absolute;
            bottom: 10px;
            left: 110px;
        }
    </style>
</head>
<body>
    <div id="box1">
        <!--TODO 怎么让img和文本水平居中-->
        <img src="gaicibi.png">
        <div id="box2">了不起的盖茨比</div>
    </div>
</body>
</html>